//获取元素
const listyle = document.querySelectorAll('li');
const textli = document.querySelectorAll('.textli');
const textbox = document.querySelectorAll('.textbox');
const icon = document.querySelector('.icon');
const left = document.querySelector('#left');
const right = document.querySelector('.right');
const jyButton = document.querySelectorAll('.jy-button');



// 遍历数组监听选中li元素事件
listyle.forEach(function (liitem) {
    //监听选中
    liitem.onclick = function () {
        //遍历数组删除所有li的active类名
        listyle.forEach(function (li) {
            li.classList.remove('active');
        })
        //给当前选中的元素添加类名
        this.classList.add('active');
    }
});



// }

textli.forEach(function (item, index) {
    item.onclick = function () {
        // //监听选中
        jyButton[index].classList.toggle('rotate');
        if (textbox[index].classList.contains('display')) {
            textbox[index].classList.remove('display');


        } else {
            textbox[index].classList.add('display');

        }
        // jyButton.forEach(function(){

        // })



    }
})


// 给按钮icon监听单击事件，让左盒子隐藏
icon.onclick = function () {
    right.classList.toggle('displaybox');
    console.log('ok');
};













